<template>
	<view>
	</view>
</template>

<script>
	import common from '@/common/common.js';
	export default {
		data() {
			return {
				src: '',
				webviewStyles: {
				    progress: {
				        color: '#FF3333'
				    }
				}
			}
		},
		onLoad(res) {
			this.src = common.websiteUrl;
		},
		onReady() {
			// 获取当前的父窗口
			const currentWebview = this.$mp.page.$getAppWebview();
			// 创建<web-view>窗口组件并设置窗口样式
			var bar = plus.webview.open(this.src,'10086', {top:'0px',bottom:'0px'});
			var barUrl = bar.getURL();
			// 监听子窗口的触摸事件
			// bar.addEventListener("touchstart",function(){
			// 	console.log(barUrl+"-------");
			// 	bar.evalJS('alert("pageUrl: "+location.href);');
			// })
			// 将创建的web-view窗口放到父窗口中，成为父窗口的子窗口
			currentWebview.append(bar); 
		},
		methods: {
			getPath: function () {
				common.pageUrl = this.$route.path;
				bar.evalJS('alert("evalJS: "+location.href);');
			},
		}
	}
</script>

<style>
</style>
